<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>堆糖</title>
		<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
	</head>

	<body>
		<!--导航-->
		<header>
			<div class="container">
				<nav class="navbar navbar-expand-lg navbar-light">
					<a class="navbar-brand" href="#">
						<img src="img/20180619182220_KLEPM.png" />
					</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto">
							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown">
									分类
								</a>
								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="#">Action</a>
									<a class="dropdown-item" href="#">Another action</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="#">Something else here</a>
								</div>
							</li>
							<li class="nav-item">
								<div class="input-group flex-nowrap">
									<input type="text" class="form-control" placeholder="搜索感兴趣的内容" aria-label="Username" aria-describedby="addon-wrapping">
									<div class="input-group-prepend">
										<span class="input-group-text button" id="addon-wrapping">
											<img src="img/sousuo.png"/>
										</span>
									</div>
								</div>
							</li>
						</ul>
						<form class="form-inline my-2 my-lg-0">
							<button type="button" class="btn btn-outline-secondary">堆糖生活家</button>
							<button type="button" class="btn btn-outline-secondary">注册/登录</button>
						</form>
					</div>
				</nav>
			</div>
		</header>
		<div class="img">
			<div class="container">
				<img src="img/20190325145955_HarRc.jpeg" />
			</div>
		</div>
		<!--轮播-->
		<div class="banner">
			<div class="container">
				<div class="row">
					<div class="col-12 col-md-9">
						<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
							<ol class="carousel-indicators">
								<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
								<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
								<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
							</ol>
							<div class="carousel-inner">
								<div class="carousel-item active">
									<img src="img/banner.png" class="d-block w-100" alt="...">
								</div>
								<div class="carousel-item">
									<img src="img/banner.png" class="d-block w-100" alt="...">
								</div>
								<div class="carousel-item">
									<img src="img/banner.png" class="d-block w-100" alt="...">
								</div>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-3">
						<p>社区热点</p>
						<hr />
						<ul>
							<li>
								<a href="#">欧美风</a>
							</li>
							<li>
								<a href="#">美甲</a>
							</li>
							<li>
								<a href="#">东宫</a>
							</li>
							<li>
								<a href="#">张云雷</a>
							</li>
							<li>
								<a href="#">插画</a>
							</li>
							<li>
								<a href="#">女生节</a>
							</li>
							<li>
								<a href="#">阿丽塔</a>
							</li>
							<li>
								<a href="#">猫</a>
							</li>
						</ul>
						<hr />
						<div class="input-group flex-nowrap">
							<div class="input-group-prepend">
								<span class="input-group-text" id="addon-wrapping">精选</span>
							</div>
							<input type="text" class="form-control" placeholder="招募·少女感养成..." aria-label="Username" aria-describedby="addon-wrapping">
						</div>
						<div class="input-group flex-nowrap">
							<div class="input-group-prepend">
								<span class="input-group-text" id="addon-wrapping">工具</span>
							</div>
							<input type="text" class="form-control" placeholder="堆糖收图小助手" aria-label="Username" aria-describedby="addon-wrapping">
						</div>
						<hr />
						<div class="bottom">
							<img src="img/20180606174907_WHMTS.png" alt="" />
							<p>堆糖-美好生活研究所</p>
							<p>最佳生活类应用</p>
							<button>立即下载</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--每日精选-->
		<div class="daily">
			<div class="container">
				<div class="row">
					<div class="col-md-2">
						<p>
							<span>|</span>
							<a href="#">每日精选</a>
						</p>
						<p>
							<a href="#">关注动态</a>
						</p>
					</div>
					<div class="col-12 col-md-7">
						<div class="top">
							<div class="top_top">
								<img src="img/7.png" />
								<p>堆糖小喇叭</p>
								<a href="#">热门内容</a>
							</div>
							<p>留下壁纸，我们就是朋友</p>
							<img src="img/3.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>140</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>219</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/41.png" />
								<p>colorroom小彩屋</p>
								<a href="#">热门内容</a>
							</div>
							<p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
							<img src="img/40.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>1228</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>1581</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/13.png" />
								<p>美少女PINK酱</p>
								<a href="#">热门内容</a>
							</div>
							<p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
							<img src="img/38.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>161</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>765</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/19.png" />
								<p>你是我全世界最喜欢的猪</p>
								<a href="#">热门内容</a>
							</div>
							<p>有适合摘抄的文艺且悲凉的句子？</p>
							<img src="img/36.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>82</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>274</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/35.png" />
								<p>干脆面炼金术士</p>
								<a href="#">热门内容</a>
							</div>
							<p>人生的意义，在于一天比一天活得快乐</p>
							<img src="img/34.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>54</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>104</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/7.png" />
								<p>堆糖小喇叭</p>
								<a href="#">主题-我曾为你动过情</a>
							</div>
							<p>我曾为你动过情</p>
							<img src="img/33.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>300</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>665</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/11.png" />
								<p>-你是我全世界最喜欢的猪-</p>
								<a href="#">热门内容</a>
							</div>
							<p>登上19所高校学生借阅排行榜的九本书。</p>
							<img src="img/31.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>59</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>151</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/30.png" />
								<p>情写风月</p>
								<a href="#">热门内容</a>
							</div>
							<p>799风景内测美化包</p>
							<img src="img/29.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>35</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>22</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/28.png" />
								<p>审</p>
								<a href="#">热门内容</a>
							</div>
							<p>火影你们粉谁 留名我去截头像</p>
							<img src="img/27.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>9</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>1</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/39.png" />
								<p>美少女PINK酱</p>
								<a href="#">热门内容</a>
							</div>
							<p>同桌的你</p>
							<img src="img/23.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>89</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>106</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/7.png" />
								<p>堆糖小喇叭</p>
								<a href="#">热门内容</a>
							</div>
							<p>我的CP真香</p>
							<img src="img/22.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>91</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>107</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/21.png" />
								<p>白日做梦大熊</p>
								<a href="#">热门内容</a>
							</div>
							<p>做女生也太太太太太不容易了</p>
							<img src="img/20.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>78</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>76</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/11.png" />
								<p>-你是我全世界最喜欢的猪-</p>
								<a href="#">热门内容</a>
							</div>
							<p>有哪些好看值得回味的电影</p>
							<img src="img/18.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>80</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>293</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/17.png" />
								<p>堆糖Class小助手</p>
								<a href="#">热门内容</a>
							</div>
							<p>伴随一生的【少女感】，拥有它一点也不难</p>
							<img src="img/16.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>34</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>41</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/15.png" />
								<p>飞乐鸟</p>
								<a href="#">热门内容</a>
							</div>
							<p>女生千万别看这些言情小说……不然被里面的沙雕桥段给</p>
							<img src="img/14.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>68</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>63</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/26.png" />
								<p>美少女PINK酱</p>
								<a href="#">热门内容</a>
							</div>
							<p>7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
							<img src="img/12.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>139</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>461</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<div class="top">
							<div class="top_top">
								<img src="img/11.png" />
								<p>-你是我全世界最喜欢的猪-</p>
								<a href="#">热门内容</a>
							</div>
							<p>中国最全的拔弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
							<img src="img/10.png" />

						</div>
						<ul>
							<li class="text-center">
								<a href="#">
									<img src="img/44.png" />
									<b>42</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<img src="img/43.png" />
									<b>71</b>
								</a>
							</li>
							<li class="text-center">
								<a href="#">
									<b>… 更多</b>
								</a>
							</li>
						</ul>
						<a href="#">
							<button>查看更多&nbsp;&nbsp;∨</button>
						</a>
					</div>
					<div class="col-md-3">
						<div class="right">
							<div class="tou">
								<h5>推荐关注</h5>
								<a href="#">换一批</a>
							</div>
							<ul>
								<li>
									<img src="img/6.png" alt="" />
									<p><b>一望损霉苔</b></p>
									<p>擅长领域：手工，园艺</p>
									<a href="">
										<button>关注</button>
									</a>
								</li>
								<li>
									<img src="img/4.png" alt="" />
									<p><b>猫头鹰叔叔</b></p>
									<p>擅长领域：摄影</p>
									<a href="">
										<button>关注</button>
									</a>
								</li>
								<li>
									<img src="img/5.png" alt="" />
									<p><b>兔纸鱼</b></p>
									<p>擅长领域：Q版</p>
									<a href="">
										<button>关注</button>
									</a>
								</li>
								<li>
									<img src="img/2.png" alt="" />
									<p><b>小熊奶黄包</b></p>
									<p>擅长领域：壁纸，Q版</p>
									<a href="">
										<button>关注</button>
									</a>
								</li>
							</ul>
							<a href="#">
								<button>查看更多></button>
							</a>
						</div>
						<div class="right_bottom">
							<img src="img/2019-06-07_080556.png"/>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--页脚-->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-12 col-md-3">
						<p>APP下载</p>
						<img src="img/2019-06-04_092015.png" />
						<p>扫描二维码</p>
						<p>下载堆糖手机客户端</p>
					</div>
					<div class="col-md-9">
						<ul class="text-center">
							<li>
								<h5>关于我们</h5>
							</li>
							<li>
								<a href="#">关于我们</a>
							</li>
							<li>
								<a href="#">加入我们</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
							<li>
								<a href="#">商务合作</a>
							</li>
						</ul>
						<ul class="text-center">
							<li>
								<h5>关注我们</h5>
							</li>
							<li>
								<a href="#">新浪微博</a>
							</li>
							<li>
								<a href="#">微信公众号</a>
							</li>
						</ul>
						<ul class="bottom text-center">
							<h5>友情链接</h5>
							<li>
								<a href="#">爱物网</a>
							</li>
							<li>
								<a href="#">东方女性美</a>
							</li><br />
							<li>
								<a href="#">肉丁网</a>
							</li>
							<li>
								<a href="#">更多…</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<p>
							<span>
							©2019 duitang.com 版权所有。沪ICP备10038086号-3
							</span>
							<a href="#">
								<img src="img/2019-06-04_101657.png" />
							</a>
							<a href="#">
								<img src="img/2019-06-04_101726.png" />
							</a>
							<span>
							|&nbsp;&nbsp; 
							增值电信业务经营许可证：浙B2-20180610 自营经营者信息
							</span>
						</p>
						<p>
							<a href="#">
								<img src="img/2019-06-04_102351.png" alt="" />
							</a>
							<a href="#">
								上海市互联网违法和不良信息举报中心 |
							</a>
							<span>
								&nbsp;&nbsp;有害内容举报电话：021-63462282
							</span>
						</p>
					</div>
				</div>
			</div>
		</footer>
		<div id="toTop">↑</div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script>
			var toTop = document.querySelector('#toTop');
			window.onscroll = function() {
				var t = document.documentElement.scrollTop || document.body.scrollTop
				if(t > 800) {
					toTop.style.display = 'block';
				} else {
					toTop.style.display = 'none';
				}
			}
			
			toTop.addEventListener('click',function(){
				window.scrollTo(0,0);
			})
		</script>
	</body>

</html>